<template>
    <view class="container">
        <view class="auth-update-info-title">最近更新时间：2023-05-22</view>
        <!-- 认证信息部分 -->
        <view class="auth-info-card">
            <view class="divider-title">实名认证</view>
            <view class="info-item">
                <text class="info-label">真实姓名</text>
                <text class="info-value">陈**</text>
            </view>

            <view class="info-item">
                <text class="info-label">身份证号</text>
                <text class="info-value">510********0000</text>
            </view>

            <view class="info-item">
                <text class="info-label">证件有效期</text>
                <text class="info-value">2033-09-26</text>
            </view>
        </view>
        <view class="auth-info-card">
            <view class="divider-title">驾驶证</view>
            <view class="info-item">
                <text class="info-label">证件有效期</text>
                <text class="info-value">2033-09-26</text>
            </view>
        </view>

        <view class="auth-info-card">
            <view class="divider-title">行驶证</view>
            <view class="info-item">
                <text class="info-label">行驶证</text>
                <text class="info-value">川A986589</text>
            </view>

            <view class="info-item">
                <text class="info-label">品牌型号</text>
                <text class="info-value">大众</text>
            </view>
            <view class="info-item">
                <text class="info-label">车座数</text>
                <text class="info-value">5</text>
            </view>
            <view class="info-item">
                <text class="info-label">证件有效期</text>
                <text class="info-value">2033-09-26</text>
            </view>
        </view>
        <view class="auth-info-card">
            <view class="divider-title">行驶证-2</view>
            <view class="info-item">
                <text class="info-label">行驶证</text>
                <text class="info-value">川A986589</text>
            </view>

            <view class="info-item">
                <text class="info-label">品牌型号</text>
                <text class="info-value">大众</text>
            </view>
            <view class="info-item">
                <text class="info-label">车座数</text>
                <text class="info-value">5</text>
            </view>
            <view class="info-item">
                <text class="info-label">证件有效期</text>
                <text class="info-value">2033-09-26</text>
            </view>
        </view>
        <view class="auth-sub-info">

        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            currentAuthState: 2, // 1 2 3
            currentAuthStateIcon: {
                1: 'authing',
                2: 'pass',
                3: 'refuse',
            },
            currentAuthStateText: {
                1: '审核中',
                2: '审核通过',
                3: '已驳回：行驶证已过期',
            },
            currentAuthStateTextBg: {
                1: '#ECF4FF',
                2: '#E5FAF6',
                3: '#FFF1EB',
            },
            currentAuthStateTextColor: {
                1: '#4E84FF',
                2: '#00CFAB',
                3: '#FF7937',
            }
        }
    }
}
</script>

<style scoped>
.auth-update-info-title {
    margin: 46rpx 0 26rpx 40rpx;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 28rpx;
    color: #999999;
}

.auth-info-card {
    background-color: #fff;
    border-radius: 16rpx;
    padding: 34rpx 0 54rpx 40rpx;
    margin: 20rpx 26rpx 0 26rpx;
}

.auth-info-card:last-child {
    margin-bottom: 20rpx;
}

.divider-title {
    font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
    font-weight: 700;
    font-size: 32rpx;
    color: #0B1F20;
    line-height: 32rpx;
    padding-bottom: 68rpx;
}

.auth-info-card .info-item {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 16px 0;
}

.auth-info-card .info-label {
    width: 168rpx;
    display: inline-block;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 32rpx;
    color: #0B1F20;
    margin-right: 32rpx;
}

.auth-info-card .info-value {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 32rpx;
    color: #666666;
}

.auth-sub-info {
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-size: 24rpx;
    color: #999999;
    line-height: 48rpx;
    margin: 20rpx 64rpx 36rpx 66rpx;
    padding-bottom: 160rpx;
}
</style>